<div>
	<yu-row :gutter="24">
		<yu-col :span="24" class="grid-content bg-purple" style="margin-top: 5px">
			<template>
				<div class="titleLabel">
					<span>节点:</span>
					<div style="font-size:14px;color: #666;display:inline;">{{currentNodeId}}</div>
					<span style="padding-left: 20px;">数据更新时间:</span>
					<div style="font-size:14px;color: #666;display:inline;">{{currentDateTime}}</div>
					<div style="padding-left:20px;padding-top: 5px;display:inline;">
						</yu-select>
						<span>刷新间隔:&nbsp;&nbsp;&nbsp;&nbsp;</span>
						<yu-select style=" width: 140px;display: inline-block;" v-model="intervalSelection" placeholder="请选择">
							<yu-option v-for="item in refreshIntervalOptions" :key="item.key" :label="item.label" :value="item.key">
							</yu-option>
						</yu-select>
					</div>
					<div style="padding-left:20px; display: inline-block">
						<yu-button type="success" @click="refreshData" style="">刷新</yu-button>
						<yu-button type="success" @click="checkViewType" style="">{{buttonViewName}}</yu-button>
						<yu-button type="success" @click="reback" style="padding-right: 20px">返回</yu-button>
					</div>
				</div>
			</template>
		</yu-col>
	</yu-row>

	<yu-row width="100%" v-if="currentShowPic==='list'">
		<yu-col :span="24">
		<!--	<yu-button-group>
				<el-form-q ref="queryModelRef" :field-data="queryFields" :buttons="queryButtons"></el-form-q>
			</yu-button-group>-->
			<yu-xform related-table-name="logRefTable" form-type="search" v-model="searchFormdata">
				<yu-xform-group :column="3">
					<yu-xform-item label="精度" placeholder="精度" ctype="select" name="precision" data-code="USE_MONITOR_PRECISION_TYPE" value="H"></yu-xform-item>
					<yu-xform-item label="资源名称" placeholder="资源名称"  ctype="select"  name="resourceCode"  data-code="USE_MONITOR_RESOURCE_TYPE"></yu-xform-item>
					<yu-xform-item label="开始时间" placeholder="开始时间" ctype="datepicker" name="beginTime" format="yyyy-MM-dd" value-format="yyyy-MM-dd"></yu-xform-item>
					<yu-xform-item label="结束时间" placeholder="结束时间" ctype="datepicker" name="endTime" format="yyyy-MM-dd" value-format="yyyy-MM-dd"></yu-xform-item>
				</yu-xform-group>
			</yu-xform>

			<yu-xtable ref="logRefTable" row-number :data-url="logDateUrl" :base-params="baseParams" :pageable="true">
				<yu-xtable-column label="资源名称" prop="resourceCode" data-code="USE_MONITOR_RESOURCE_TYPE"></yu-xtable-column>
				<yu-xtable-column label="时间" prop="markTime"></yu-xtable-column>
				<yu-xtable-column label="最小值" prop="minRate"></yu-xtable-column>
				<yu-xtable-column label="平均值" prop="avgRate"></yu-xtable-column>
				<yu-xtable-column label="最大值" prop="maxRate"></yu-xtable-column>
			</yu-xtable>
		</yu-col>
	</yu-row>

	<yu-row width="100%" v-show="currentShowPic==='statics'">
		<yu-col :span="12" v-for="(item,i) in staticObjects" style="padding-left: 5px;padding-top: 5px;background:#F8F5F5">
			<el-row>
				<el-col :span="24">
					<div style="width: 100%;background: #99a9bf;min-height: 40px; border-radius: 4px;">
						<div style="float: left;font-size: 16px;  line-height: 40px; padding-left: 5px">
							<span>{{item.resourceName}}</span>
						</div>
						<div>
							<yu-button style="float:right;margin: 2px" @click="historyStatic(item)" style="color:black;padding-bottom: 5px" v-if="item.showHisFlag==false">历史统计</yu-button>
							<yu-button style="float:right;margin: 2px" @click="historyStatic(item)" style="color:black;padding-bottom: 5px" v-if="item.showHisFlag==true">返回</yu-button>
						</div>
					</div>
				</el-col>
			</el-row>
			<el-row>
				<el-col :span="24" style="height:380px;background:#d4e6f2;">
					<div :id="item.chartId" v-show="!item.showHisFlag" class="pie-chart"></div>
					<div :id="item.lineChartId" v-show="!item.showHisFlag" class="line-chart"></div>
					<div :id="item.cineChart100Id" v-show="item.showHisFlag || item.firstShowHis" class="line-chart100"></div>
				</el-col>
			</el-row>
		</yu-col>
	</yu-row>
</div>


<style type="text/css">
	.pie-chart {
		height: 380px;
		float: left;
		width: 50%;
	}

	.line-chart {
		height: 380px;
		float: right;
		width: 50%;
	}

	.line-chart100 {
		height: 380px;
		float: right;
		width: 100%;
	}

	.chart-tool-light {
		background: #bdbdbd;
	}
</style>